*{
	margin: 0px;
	padding: 0px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix{
	clear: both;
	display: table;
	content: "";
}
.left{
	width: 120px;
	height: 50px;
	background: white;
	border-top-left-radius:5px ;
	border-top-right-radius:5px ;
	margin-top: 14px;
	margin-left:14px ;
	text-align: center;
}
li{
	list-style: none;
	display: inline-block;
}
.right{
	line-height: 50px;
	margin-right:40px ;
}
.right a{
	line-height: 36px;
	text-decoration: none;
	color: #FFFFFF;
}
.right a:hover{
	color: #91041b;
}
.left a{
	line-height: 36px;
	text-decoration: none;
	color: #d1314b;
}
.box{
	width: 1000px;
	height: px;
	margin: 0 auto;
	border: 1px solid red;
}

.top{
	width: 1000px;
	height:60px;
	background-image:linear-gradient(to bottom,rgba(209,39,68,1),rgba(210,98,114,1)) ;
	border-radius: 10px;
	
}
.top img{
	margin-bottom:1px;
}
/*头部结束*/
/*上开始*/
.lefti1 {
	width: 194px;
	height: 209px;
	border: 1px solid #e7e4e5;
	background: #ebebeb;
	border-radius: 10px;
	margin-top:20px ;
}
.lefti1 .p1{
	background: url(../img/游戏列表灰色渐变.jpg) repeat scroll top left;
	font-size:14px ;
	height: 30px;
}
.lefti1 .p1:nth-child(1){
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.lefti1 .p1:nth-child(7){
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.lefti1 a{
	color: black;
	margin-left:10px ;
	
}
.box1{
	width: 1000px;
}
.lefti1 .p1 img{
	   margin-top: 4px;
	   margin-left: 9px;
	   vertical-align: middle;
}
.lefti1 .p1:hover{
	background-image: url(../img/游戏列表鼠标移入的渐变.jpg);
}
.banner img{
	width: 520px;
	height: 210px;
	margin: 20px;
	border-radius:10px ;
	}
.boxright{
	width: 242px;
	height: 206px;
	border:1px solid #cdcdcd ;
	background-color: #fafafa;
	margin-top:20px ;
	border-radius:8px ;
}
.boxright img{
	width: 64px;
	height: 22px;
}
 .denlu{
 	margin-top: 20px;
 	margin-left:25px ;
 }
 .inputtexe{
 	margin-top: 10px;
 	margin-left:25px ;
 }
 .boxright img{
 	margin-left: 90px;
 }
 .boxright .zhuce a{
 	color: #7a86f7;
 	text-decoration: none;
 	margin-left: 40px;
 	font-size:14px ;
 }
 .boxright .zhuce a:hover{
 	color: #d51a2c;
 }
/* 上结束*/
.cnt{
	width: 1000px;
	height: 226px;
	background-color: ;
	border: px solid red;
}
.cntlefttop{
	width:736px ;
	height: 30px;
	background-color:#e8e8e8;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	;
}
.cntleft{
	width:736px ;
	height: 226px;
	background-color:white ;
	border:1px solid #CDCDCD ;
	border-radius:10px ;
}
.cntlefttop1 a{
	font-size:19px ;
	color:#631505;
	text-decoration: none;
	margin-left:20px ;
}
.cntlefttop2 a{
	margin-left:20px ;
	color:#999;
	text-decoration: none;
}
.cntlefttop2 a:hover{
	color:orangered;
}

.cntleft1{
	width:322px ;
	height: 150px;
	margin-left: 25px;
	margin-top: 20px;
	background-color:white ;
	border: 1px solid #CDCDCD;
	border-radius:6px ;
}
.cntleft1 img{
	width: 128px;
	margin-left: 6px;
	margin-top: 20px;
}
.cntleft1 p{
	font-size:10px ;
	margin-top:10px ;
	margin-left: 4px;
}
.cntleft1 span{
	color: red;
}
.cntleft2{
	width:600px ;
	height: 150px;
	margin-left:30px;
	margin-top: 20px;
	border: 1px solid #CDCDCD;
	background-color:white ;
	border-radius:6px ;
}.text1{
	width: 180px;
}
.cntleft2 img{
	width: 128px;
	margin-left: 6px;
	margin-top: 20px;
}
.cntleft2 p{
	font-size:10px ;
	margin-top:10px ;
	margin-left: 4px;
}
.cntleft2 span{
	color: red;
}
.table{
	width: 44px;
	height: 26px;
	border: 1px solid #CDCDCD;
	border-radius:5px ;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
}
.table a{
	font-size:14px ;
}
.table1{
	width: 70px;
	height: 26px;
	color: white;
	font-size:14px ;
	border: 1px solid ##386c9c;
	border-radius:5px ;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	background-image:linear-gradient(to bottom,rgba(108,180,201,1),rgba(55,108,156,1)) ;
}
.table1:hover{
	background-image:linear-gradient(to top,rgba(249,110,110,1),rgba(249,138,138,1)) ;
}
.table a{
	font-size:14px ;
}
.cntright{
	width:240px ;
	height: 226px;
	background-color: orange;
	border:1px solid #cdcdcd ;
	background-color: #fafafa;
	border-radius:8px ;
}
.cntright1{
	font-size:19px ;
	
	background-color: #e8e8e8;
	height: 30px;
	
	border-top-left-radius:5px ;
	border-top-right-radius:5px ;
}

.cntright .b1 a{
	color: #999999;
	margin-left: 30px;
}
.cntright .b1 a:hover{
	color: red;
	
}


.cntright li a{
font-size:12px ;
}
.cntright li{
	margin:2px ;
	background: url(../img/rightTwo.png) no-repeat 8px center;
	width: 240px;
	height: 23px;
	line-height: 23px;
	border-bottom: 1px dashed #606262;
}
.cntright a{
	color: #7e7e7e;
	  margin-left: 20px;
}
.bot{
	width: 1000px;
	height: 430px;
	
	margin-top: 20px;
}
.botleft{
	width: 736px;
	height: 430px;
	border: 1px solid #CDCDCD;
	background-color: white;
	border-radius:10px ;
}
.bg{
	width:736px ;
	height: 30px;
	background-color:#e8e8e8;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.bg1{
	width:130px;
	height: 162px;
	
	margin-top: 10px;
	margin-left: 40px;
}
.bg img{
	height: 84px;
}
.bg1 .xp{
	font-size:12px ;
	text-align: center;
}
.table2{
	width: 44px;
	height: 26px;
	border: 1px solid #CDCDCD;
	border-radius:5px ;
	margin-left: 3px;
	margin-top: 10px;
	text-align: center;
}
.table2:hover{
	background: #f48787;
	color: white;
	border: 0px;
}
.table a{
	font-size:14px ;
}
.table:hover{
	background: #f48787;
	color: white;
	border: 0px;
}
.table3{
	width: 70px;
	height: 26px;
	color: white;
	font-size:14px ;
	border: 1px solid ##386c9c;
	border-radius:5px ;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	background-image:linear-gradient(to bottom,rgba(108,180,201,1),rgba(55,108,156,1)) ;
}
.table3:hover{
	background-image:linear-gradient(to top,rgba(249,110,110,1),rgba(249,138,138,1)) ;
}
.bg2{
	width:130px;
	height: 162px;
	
	margin-top: 30px;
	margin-left: 40px;
}
.bg img{
	height: 84px;
}
.bg2 .xp{
	font-size:12px ;
	text-align: center;
}
.xp span{
	color: red;
}
.table2{
	width: 44px;
	height: 26px;
	border: 1px solid #CDCDCD;
	border-radius:5px ;
	margin-left: 3px;
	margin-top: 10px;
	text-align: center;
}
.table a{
	font-size:14px ;
}
.table3{
	width: 70px;
	height: 26px;
	color: white;
	font-size:14px ;
	border: 1px solid ##386c9c;
	border-radius:5px ;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	background-image:linear-gradient(to bottom,rgba(108,180,201,1),rgba(55,108,156,1)) ;
}
.bg p{
	font-size:19px ;
	color:#631505;
	text-decoration: none;
	margin-left:20px ;
	}
/*右边开始	*/
.cntyou{
	width: 240px;
	height: 430px;
	
}
.cntyou img{
	width: 240px;
	height: 66px;
}
.cntyou img:hover{
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 0 20px 0 rgba(0,0,0,0.1);
}
.cntyouimg1{
	width: 240px;
	height: 66px;
	margin-top: 15px;
}
.cntyou2{
		width: 240px;
		height: 250px;
		background-color:white;
		border:1px solid #CDCDCD ;
	     border-top-left-radius: 10px;
	     border-bottom-right-radius: 10px;
	   border-top-right-radius:10px ;
	     border-bottom-left-radius: 10px;
	     margin-top: 28px;
	     
	}
	.to{
		width: 240px;
		height: 105;
		border-bottom: 1px dashed #CDCDCD;
		
	}
.cntyou2 img{
	     width: 110px;
	     height: 86px;
	     margin-left: 8px;
	     margin-top: 10px;
}
.cntyou2 p{
     font-size:10px ;
}
.cntyou3{
	width: 240px;
	height: 30px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #e8e8e8;
}
.cntyou3 p{
	font-size:19px ;
	color:#631505;
	text-decoration: none;
	margin-left:20px ;
	
	}
.cntxtex p{
	margin: 10px;
	margin-top: 15px;
	color: #27a1ee;
	font-size:6px;
}
.cntxtex p:hover{
	color: red;
}
/*底部*/
.dibu{
	width: 1000px;
	height: 70px;
	
}
.dibu li{
	margin-top: 40px;
	
}
.dibu a{
	color: #27a1ee;
	font-size:12px ;
}.dibur li{
	font-size:12px ;
	margin-top: 45px;
	color: #999999;
}
.dibu a:hover{
	color: red;
}
/*动效开始*/
.imgdx{
	transition: all .6s;
}
.imgdx:hover{
	transform: translate(12px);
}
.bg1 img{
	transition: all .6s;
}
.bg1 img:hover{
	transform: translate(12px);
}
.bg2 img{
	transition: all .6s;
}
.bg2 img:hover{
	transform: translate(12px);
}

.fudong img{
				position: fixed;
				top: 250px;
				left:1130px;
				width: 200px;
				animation: yidong 5s /*ease-in-out*/ infinite;
			}
			/*.piaofu img:hover{
				animation: yidong 9s ease-in-out infinite;
			}*/
			
		@keyframes yidong{
	     0% {
	     	top: 250px;
				left:1100px;
	     }
   20% {
   	top: 350px;
				left:1000px;
   }
   40% {
   	top: 450px;
				left:900px;
   }
   60% {
   	top: 550px;
				left:800px;
   }
    80% {
    	top: 650px;
				left:700px;
    }
   100% {
   	top: 750px;
				left:600px;
   }
   0% {
   	top: 250px;
				left:1100px;
   }
